import React, { useState, useEffect, useRef, createContext, useContext } from 'react';
import Layout from './Layout';
import '@/index.css';

const Main = (props) => {
  const [imgList, setImgList] = useState([]);
  const editor = useContext(window.EditorContext)
  
  useEffect(() => {
    setImgList(editor.state.imgViews)
  }, [editor.state.imgViews])
  return (
    <div className='main-container'>
      <div className='layout-wrap'>
        <Layout {...props}></Layout>
        {/* <div className='layout-main-container'>
          <div className='main-view-container'></div>
          <div className='side-view-container'></div>
        </div> */}
      </div>
    </div>
  );
};

export default Main;
